<template>
  <div id="app">
    <Fa/>
    <carousel :interval="3500" :duration="350" >
      <carousel-item v-for="item in images" :key="item.id" :linkto="item.linkto">
        <img :src="item.imgurl"/>
      </carousel-item>
    </carousel>

    <carousel :interval="3000" :duration="350" :show-indicators="false">
      <carousel-item v-for="item in images2" :key="item.id" :linkto="item.linkto">
        <img :src="item.imgurl"/>
      </carousel-item>
    </carousel>
  </div>
</template>

<script>
import Fa from './components/Fa.vue'

export default {
  name: 'app',
  components:{
    Fa
  },
  data(){
    return {
      images:[
        {
          id:1,
          imgurl : "http://img.alicdn.com/tfs/TB1AKgKbBWD3KVjSZFsXXcqkpXa-520-280.jpg_q90_.webp",
          linkto: 'http://baidu.com'
        },
        {
          id:2,
          imgurl :  "http://img.alicdn.com/tps/i4/TB1ygmucAWE3KVjSZSySutocXXa.jpg_q90_.webp",
          linkto: 'http://baidu.com'
        },
        {
          id:3,
          imgurl : "https://img.alicdn.com/simba/img/TB1yiLba8aE3KVjSZLeSutsSFXa.jpg",
          linkto: 'http://baidu.com'
        },
        {
          id:4,
          imgurl : "https://img.alicdn.com/simba/img/TB1kNSIcbus3KVjSZKbSutqkFXa.jpg",
          linkto: 'http://baidu.com'
        },
        {
          id:5,
          imgurl : "https://img.alicdn.com/simba/img/TB14eM1X8Cw3KVjSZFlSuwJkFXa.jpg",
          linkto: 'http://baidu.com'
        }
     ],
     images2:[
           {
          id:3,
          imgurl : "https://img.alicdn.com/simba/img/TB1yiLba8aE3KVjSZLeSutsSFXa.jpg",
          linkto: 'http://baidu.com'
        },
        {
          id:4,
          imgurl : "https://img.alicdn.com/simba/img/TB1kNSIcbus3KVjSZKbSutqkFXa.jpg",
          linkto: 'http://baidu.com'
        },
        {
          id:5,
          imgurl : "https://img.alicdn.com/simba/img/TB14eM1X8Cw3KVjSZFlSuwJkFXa.jpg",
          linkto: 'http://baidu.com'
        }
     ],
     images3:[
        {
          id:1,
          imgurl : "http://img.alicdn.com/tfs/TB1AKgKbBWD3KVjSZFsXXcqkpXa-520-280.jpg_q90_.webp",
          linkto: 'http://baidu.com'
        },
        {
          id:2,
          imgurl :  "http://img.alicdn.com/tps/i4/TB1ygmucAWE3KVjSZSySutocXXa.jpg_q90_.webp",
          linkto: 'http://baidu.com'
        },
        {
          id:3,
          imgurl : "https://img.alicdn.com/simba/img/TB1yiLba8aE3KVjSZLeSutsSFXa.jpg",
          linkto: 'http://baidu.com'
        },
        {
          id:4,
          imgurl : "https://img.alicdn.com/simba/img/TB1kNSIcbus3KVjSZKbSutqkFXa.jpg",
          linkto: 'http://baidu.com'
        }
     ]
     }
  }
}
</script>

<style lang="scss">
body {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 60px;
  ul,li{
    padding:0;
    margin:0;
    list-style: none;
  }
}
</style>
